<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/AcmeMes.css" rel="stylesheet" />
		<link href="../../../css/layer.css" rel="stylesheet" />
		<script src="../../../js/lib/jquery-2.1.1.min.js"></script>
		<script src="../../../js/lib/mui.min.js"></script>
		<script src="../../../js/lib/base64.min.js"></script>
		<script src="../../../js/config.js"></script>
		<script src="../../js/MFG/MfgOneClickcutting.js"></script>
		<script src=></script>
		<script type="text/javascript">
		</script>
		<style>
			.mui-title {
				font-weight: bold;
				color: aliceblue;
			}

			.mui-bar-transparent {
				background-color: #2f4056;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-transparent">
			<h2 class="mui-title" style="font-weight: bold;">一键下料</h2>
		</header>
		<div class="mui-content">
			<div id="magnifier" style="display:none;">
				<p id="largeText"></p>
			</div>
			<div class="mui-input-group">
				<label style="font-weight: bold;">生产工单:</label>
				<input type="text" style="width: 60%" readonly="readonly" id="WorkOrderNO">
			</div>
			<div class="mui-input-group">
				<label style="font-weight: bold;">产品料号:</label>
				<input type="text" style="width: 60%" readonly="readonly" id="MatNO">
			</div>
			<div class="mui-input-group">
				<label style="font-weight: bold;">产品名称:</label>
				<input type="text" style="width: 70%" readonly="readonly" id="MaterialName"
					onmouseover="this.title=this.value">
			</div>
			<div class="mui-input-group">
				<label style="font-weight: bold;">下料模式:</label>
				<select name="style" id="OrderIndex">
					<option value="0">请选择</option>
					<option value="1">正面下料</option>
					<option value="2">反面下料</option>
				</select>
			</div>
			<div class="mui-input-group">
				<br />
				<label style="font-weight: bold;">下线条码:</label>
				<input type="text" autofocus placeholder="请扫描下线条码" id="OutBar">
			</div>
			<br />
			<button id="btn" class="mui-btn-success" style="margin-left: 30%; width: 40%;" id="Select"
				onclick="showinfo()">
				一键模式下料</button>
			<div>
				<br />
				<textarea id="txtResult" style="width: 100%; height: 120px;" placeholder="操作结果显示"></textarea>
			</div>
		</div>
	</body>
	<style>
		input {
			white-space: nowrap;
			/* 禁止换行 */
			overflow: hidden;
			/* 隐藏溢出的文本 */
			text-overflow: ellipsis;
			/* 显示省略号 */
		}

		#txtResult {
			/* 改变文字大小 */
			font-size: 16px;
			/* 自动换行 */
			white-space: pre-wrap;
		}

		/* .styleArea{ position:absolute; left:409px; top:217px;} */
		.mui-btn-success {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 50%;
			margin-left: 90px;
		}

		select {
			width: 215px;
			background-color: #ddd;
			margin-top: 2px;
			font-size: 15px;
			margin-left: 15px;
			margin-bottom: 2px;
			text-align: center;
		}

		option {
			width: 100%;
			text-align: center;
		}

		.mui-input-row {
			margin-top: 12px;
		}

		* {
			padding: 2px;
		}
	</style>
</html>